<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注意使用app.js里的服务器ip地址+后缀 才可访问</title>
  <!-- <script src="./jquery.js"></script> -->
  <script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
    <h1>首页</h1>
    <button id="btnLogout">退出登录</button>
    <script>
    $(function() {
        $.get('/api/username',(res)=>{
            if(res.status !== 0){
             alert('您尚未登录!')
             location.href= './login.html'
            } else {
                alert('欢迎登录'+ res.username)
            } 
        })

        $('#btnLogout').on('click',()=> {
            $.post('/api/logout',(res)=>{
                if(res.status===0) {
                    location.href = './login.html'
                }
            })
        })
    })


        // $(function () {
        //   // 页面加载完成后，自动发起请求，获取用户姓名
        //   $.get('/api/username', function (res) {
        //     // status 为 0 表示获取用户名称成功；否则表示获取用户名称失败！
        //     if (res.status !== 0) {
        //       alert('您尚未登录，请登录后再执行此操作！')
        //       location.href = './login.html'
        //     } else {
        //       alert('欢迎您：' + res.username)
        //     }
        //   })
    
        //   // 点击按钮退出登录
        //   $('#btnLogout').on('click', function () {
        //     // 发起 POST 请求，退出登录
        //     $.post('/api/logout', function (res) {
        //       if (res.status === 0) {
        //         // 如果 status 为 0，则表示退出成功，重新跳转到登录页面
        //         location.href = './login.html'
        //       }
        //     })
        //   })
        // })
      </script>

</body>

</html>